<page-header  >
  <!--<ng-template #breadcrumb>-->
      <!--<nz-breadcrumb>-->
          <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
          <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
      <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <ng-template #tab>
      <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
        <nz-tab nzTitle="订单信息" (nzSelect)="changeTab(0)"></nz-tab>
        <!-- <nz-tab nzTitle="车辆信息" (nzSelect)="changeTab(1)"></nz-tab>
        <nz-tab nzTitle="申请信息" (nzSelect)="changeTab(6)"></nz-tab>
        <nz-tab nzTitle="担保人" (nzSelect)="changeTab(2)"></nz-tab>
        <nz-tab nzTitle="附件信息" (nzSelect)="changeTab(3)"></nz-tab> -->
        <nz-tab nzTitle="订单日志" (nzSelect)="changeTab(4)"></nz-tab>
         <!-- <nz-tab nzTitle="方案信息" (nzSelect)="changeTab(5)"></nz-tab> -->

      </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
      <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回订单列表</button>
  </ng-template>
</page-header>





<!--<nz-card style="height: 100%" nzTitle="视频信息" *ngIf="tabIndex === 1">-->
<!--</nz-card>-->


<nz-row [nzGutter]="24">
<nz-col [nzSpan]="24">
   <nz-card>
  <nz-card nzTitle="基本信息 "  *ngIf="tabIndex === 0" >

    <!-- <button nz-button type="primary" nzType="primary" (click)="packattac()">生成合同</button> -->
    <a down-file [http-data]="data" [http-url]="downurl" file-name="合同.docx"  *ngIf="downurl" >

      <i class="anticon anticon-download"></i> 下载合同
    </a>

    <form nz-form>

      <nz-form-item>
        <nz-form-label nzSpan="3" nzRequired>订单编号</nz-form-label>
        <nz-form-control nzSpan="9">
          <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">

        </nz-form-control>
      </nz-form-item>
      <nz-form-item>

         <!-- <nz-form-label nzSpan="3" nzRequired>家访人</nz-form-label>
         <nz-form-control nzSpan="9">
          <nz-select style="" required [(ngModel)]="product.jiafangUser" name="jiafangUser" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of jiafangUsers"></nz-option>
          </nz-select>
           <input nz-input required [(ngModel)]="product.proName" name="proName">
         </nz-form-control>

         <nz-form-label nzSpan="3" nzRequired>签单员</nz-form-label>
         <nz-form-control nzSpan="9">
           <nz-select style="" required [(ngModel)]="product.qiandanUser" name="qiandanUser" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
             <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of qdys"></nz-option>
           </nz-select>
         </nz-form-control> -->

         <nz-form-label nzSpan="3" nzRequired>抵押人</nz-form-label>
         <nz-form-control nzSpan="9">
           <nz-select style="" required [(ngModel)]="product.diyaUser" name="diyaUser" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
             <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of dyrs"></nz-option>
           </nz-select>
         </nz-form-control>

         <nz-form-label nzSpan="3" nzRequired>过户人</nz-form-label>
         <nz-form-control nzSpan="9">
           <nz-select style="" required [(ngModel)]="product.guohuUser" name="guohuUser" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
             <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of ghrs"></nz-option>
           </nz-select>
         </nz-form-control>

        <!-- <nz-form-label nzSpan="3" nzRequired>银行方人员</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-select style="" required [(ngModel)]="product.yinhangUser" name="yinhangUser" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of yhfrys"></nz-option>
          </nz-select>
        </nz-form-control> -->

        <nz-form-label nzSpan="3" nzRequired>gps安装人员</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-select style="" required [(ngModel)]="product.gpsUser" name="gpsUser" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of gpsazys"></nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>


        <!-- <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>
          </nz-select>
        </nz-form-control> -->

        <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required [(ngModel)]="product.proName" name="proName">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>客户姓名</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required [(ngModel)]="product.cusName" name="cusName">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>联系电话</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input  required [(ngModel)]="product.cusMobile" name="cusMobile">

        </nz-form-control>

        <!--<nz-form-label nzSpan="3" nzRequired>证件类型</nz-form-label>-->
        <!--<nz-form-control nzSpan="9">-->
          <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
          <!--</nz-select>-->

        <!--</nz-form-control>-->

        <nz-form-label nzSpan="3" nzRequired>证件号码</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>证件有效起始日</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-date-picker   required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>证件有效截止日</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-date-picker   required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>现居住地</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

        </nz-form-control>

        <nz-form-label nzSpan="3" >性别</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders"></nz-option>
          </nz-select>
        </nz-form-control>
        <nz-form-label nzSpan="3" nzRequired>婚姻</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input  required [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus">

        </nz-form-control>
        <nz-form-label nzSpan="3" nzRequired>学历</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input  required [(ngModel)]="product.orderBy5" name="orderBy5">

        </nz-form-control>


        <nz-form-label nzSpan="3">民族</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value" *ngFor="let cusEthnical of cusEthnicals"></nz-option>
          </nz-select>
        </nz-form-control>


        <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

        <!--</nz-form-control>-->

        <nz-form-label nzSpan="3" >出生日期</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-date-picker   name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



        </nz-form-control>

        <!-- <nz-form-label nzSpan="3" >QQ号码</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

        </nz-form-control> -->

        <nz-form-label nzSpan="3" >备注</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

        </nz-form-control>

        <nz-form-label nzSpan="3" >状态</nz-form-label>
        <nz-form-control nzSpan="9">
          <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
          <!--</nz-select>-->
          <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

        </nz-form-control>
        <!-- <nz-form-label nzSpan="3" >是否有子女</nz-form-label>
        <nz-form-control nzSpan="9">
          <input   nz-input required [(ngModel)]="product.orderBy4" name="orderBy4">
        </nz-form-control> -->





        <nz-form-label nzSpan="3" >工作单位</nz-form-label>
        <nz-form-control nzSpan="9">
          <input   nz-input required [(ngModel)]="product.orderBy6" name="orderBy6">
        </nz-form-control>



        <nz-form-label nzSpan="3" >单位地址</nz-form-label>
        <nz-form-control nzSpan="9">
          <input   nz-input required [(ngModel)]="product.orderBy7" name="orderBy7">
        </nz-form-control>

        <nz-form-label nzSpan="3" >月收入</nz-form-label>
        <nz-form-control nzSpan="9">
          <input   nz-input required [(ngModel)]="product.orderBy80" name="orderBy80">
        </nz-form-control>

        <!-- <nz-form-label nzSpan="3" >银行卡号</nz-form-label>
        <nz-form-control nzSpan="9">
          <input   nz-input required [(ngModel)]="product.orderBy9" name="orderBy9">
        </nz-form-control> -->

      </nz-form-item>
    </form>
  </nz-card>

     <nz-card nzTitle="申请信息 "  *ngIf="tabIndex === 6" >
       <form nz-form>
         <nz-form-item>


           <nz-form-label nzSpan="2" nzRequired>金额(元）</nz-form-label>
           <nz-form-control nzSpan="4">
             <input nz-input required="required" [(ngModel)]="product.orderAmount" name="orderAmount">

           </nz-form-control>
           <nz-form-label nzSpan="2" nzRequired>初评金额(元）</nz-form-label>
           <nz-form-control nzSpan="4">
             <input nz-input required="required" [(ngModel)]="product.orderBy10" name="orderBy10">

           </nz-form-control>
           <nz-form-label nzSpan="2" nzRequired>期限(月）</nz-form-label>
           <nz-form-control nzSpan="4">
             <input nz-input required="required" [(ngModel)]="product.orderPeriod" name="orderPeriod">

           </nz-form-control>


           <nz-form-label nzSpan="2" >利率</nz-form-label>
           <nz-form-control nzSpan="4">
             <input   nz-input required [(ngModel)]="product.orderBy14" name="orderBy14">
           </nz-form-control>


           <nz-form-label nzSpan="2" >GPS</nz-form-label>
           <nz-form-control nzSpan="4">
             <input   nz-input required [(ngModel)]="product.orderBy15" name="orderBy15">
           </nz-form-control>

           <nz-form-label nzSpan="2" >服务费</nz-form-label>
           <nz-form-control nzSpan="4">
             <input   nz-input required [(ngModel)]="product.orderBy16" name="orderBy16">
           </nz-form-control>


           <nz-form-label nzSpan="2" >其他</nz-form-label>
           <nz-form-control nzSpan="4">
             <input   nz-input required [(ngModel)]="product.orderBy17" name="orderBy17">
           </nz-form-control>
           <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
           <!--<nz-form-control nzSpan="4">-->
           <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

           <!--</nz-form-control>-->

         </nz-form-item>
       </form>
     </nz-card>

  <nz-card nzTitle="车辆信息" *ngIf="tabIndex === 1">
    <form nz-form>
      <nz-form-item>


        <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype">

          <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
          <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
          <!--</nz-select>-->
        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>品牌/车型</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>车牌号</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass">

          <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
          <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
          <!--</nz-select>-->
        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>车架号</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">

        </nz-form-control>
        <nz-form-label nzSpan="3" nzRequired>发动机号</nz-form-label>
        <nz-form-control nzSpan="9">
          <input  nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">

        </nz-form-control>
      </nz-form-item>
    </form>
  </nz-card>

  <nz-card nzTitle="担保人信息" *ngIf="tabIndex === 2">
    <form nz-form>
      <nz-form-item>


        <nz-form-label nzSpan="3" nzRequired>与贷款人关系</nz-form-label>
        <nz-form-control nzSpan="9">
          <nz-select style=""  [(ngModel)]="product.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>
          </nz-select>
        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>身份证</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.emergencyOffice" name="emergencyOffice">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">

        </nz-form-control>


        <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">

        </nz-form-control>

        <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

        <!--</nz-form-control>-->

      </nz-form-item>
    </form>
  </nz-card>


  <nz-card nzTitle="文件信息 " *ngIf="tabIndex === 3">

    <form nz-form>
      <div class="clearfix">

        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr5"
          [nzData]="avatarParam5"
          nzListType="picture-card"
          [(nzFileList)]="fileList"
          [nzShowButton]="fileList.length < 300"
          (nzChange)="upLoadChange($event)"
          [nzPreview]="handlePreview">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
          <ng-template #modalContent>
            <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>

    </form>
  </nz-card>
   </nz-card>
  <nz-card nzTitle="订单日志 " *ngIf="tabIndex === 4">

    <simple-table #st
                  [columns]="columns"
                  [data]="logurl"
                  [ps]="ps"
                  [extraParams]="q"
                  [resReName]="{ total: 'total', list: 'data'}"
                  [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                  toTopInChange
                  [showTotal]="true"
                  [showSizeChanger]="false"
                  [showPagination]="false">

    </simple-table>



  </nz-card>
  <nz-card nzTitle="方案信息 "  *ngIf="tabIndex === 5" >
    <form nz-form>


      <nz-form-item>
       
        <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.orderNo" name="orderNo">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.cusName" name="cusName">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.cusMobile" name="cusMobile">

        </nz-form-control>

      </nz-form-item>
      <nz-form-item>


        <nz-form-label nzSpan="2">年检日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker   name="nianjianRq" [(ngModel)]="productfk.nianjianRq"></nz-date-picker>

        </nz-form-control>

        <nz-form-label nzSpan="2">路桥日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker   name="luqiaoRq" [(ngModel)]="productfk.luqiaoRq"></nz-date-picker>

        </nz-form-control>

        <nz-form-label nzSpan="2">保险日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker   name="bxRq" [(ngModel)]="productfk.bxRq"></nz-date-picker>



        </nz-form-control>

        <nz-form-label nzSpan="2">首次还款日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker   name="loanDate" [(ngModel)]="productfk.loanDate"></nz-date-picker>



        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>车辆评估价</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.carPinggujia" (change)="fyccount()"   name="carPinggujia">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>贷款成数</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.carChengshu" (change)="fyccount()"   name="carChengshu">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>车辆融资额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.carRongzie"    name="carRongzie">
        </nz-form-control>


        <nz-form-label nzSpan="2" nzRequired>保险费用</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.bxFy"  (change)="fyccount()"     name="bxFy">
        </nz-form-control>


        <nz-form-label nzSpan="2" nzRequired>计息金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.loanSum"  (change)="fyccount()"   name="loanSum">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>GPS费用</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.gpsFy"   (change)="fyccount()"   name="gpsFy">
        </nz-form-control>



        <nz-form-label nzSpan="2">综合成本</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.loanMonth"  (change)="fyccount()"   name="loanMonth">
        </nz-form-control>


        <nz-form-label nzSpan="2">期数</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.loanPeriod" name="loanPeriod">


        </nz-form-control>



        <nz-form-label nzSpan="2" nzRequired>附加金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.fkBy1"    name="conJine">
        </nz-form-control>


        <nz-form-label nzSpan="2" nzRequired>其他金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.qitaFy"    name="loanAmount">
        </nz-form-control>




        <!--<nz-form-label nzSpan="2" nzRequired>履约.担保.服务费</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input [(ngModel)]="productfk.lydbFuwfei"    name="lydbFuwfei">-->
        <!--</nz-form-control>-->



        <nz-form-label nzSpan="2" nzRequired>到手金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.daoshouJine"    name="daoshouJine">
        </nz-form-control>





      </nz-form-item>

      <nz-form-item>




        <nz-form-label nzSpan="2">备注</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="productfk.loanRemark" name="loanRemark">


        </nz-form-control>


      </nz-form-item>



    </form>

    <!-- <simple-table #stre
                  [columns]="columnsreplan"
                  [data]="urlreplan"
                  [ps]="ps"
                  [extraParams]="q"
                  [resReName]="{ total: 'total', list: 'data'}"
                  [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                  toTopInChange
                  [showTotal]="true"
                  [showPagination]="true"
                  [showSizeChanger]="true"
                  [scroll]="{  x: '1300px' }" -->

    >
      <!--<ng-template st-row="img" let-i>-->
      <!--<span *ngIf="!i.img" style="color: lightgrey; font-size: 12px;">无图片</span>-->
      <!--<a><img *ngIf="i.img" (click)="showImage(imgSuffix + i.img)" [src]="imgSuffix + i.img" width="32px" style=" max-height: 32px;"/></a>-->
      <!--</ng-template>-->

      <!--<ng-template st-row="isCm" let-i>-->
      <!--{{i.isCm === '0' ? '非定制' : '定制'}}-->
      <!--</ng-template>-->
      <!--<ng-template st-row="isAd" let-i>-->
      <!--{{i.isAd === '0' ? '普通款' : '广告款'}}-->
      <!--</ng-template>-->
    <!-- </simple-table> -->















  </nz-card>

  <!-- <nz-card nzTitle="审批意见 " *ngIf="tabIndex === 5"> -->


    <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
      <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
      <!-- <textarea class="textarea"   [(ngModel)]="product.spcomment" name="spcomment"> -->
    <!-- </textarea> -->
    <!--</nz-form-control>-->

  <!-- </nz-card> -->

  <!--<nz-card nzTitle="面签流程 " >-->
    <!--<p>1、请报您的身份证号码：</p>-->
    <!--<p>2、请报您的目前常住地址：</p>-->
    <!--<p>3、请报您的手机号码：</p>-->
    <!--<p>4、请报您的工作单位和地址</p>-->
    <!--<p>5、请问您的婚烟状况为?(未婚/已婚/离异)</p>-->
    <!--<p>6、请问您联系人姓名、电话以及和您的关系</p>-->

  <!--</nz-card>-->
</nz-col>
<!--<nz-col [nzSpan]="9">-->
  <!--<iframe src="https://www.zhaodui.com.cn/spmq/"  width="460px"  height="700px"></iframe>-->
<!--</nz-col>-->
</nz-row>

<footer-toolbar errorCollect>

<nz-form-label nzSpan="3" style="margin-top: 8px">审批意见</nz-form-label>
<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">
  <input nz-input required [(ngModel)]="product.spcomment" name="spcomment">
</nz-form-control>
<button nz-button type="primary" nzType="primary" (click)="savestc('Y','分配')">分配</button>
<button nz-button type="primary" nzType="primary" (click)="savestc('N','不通过')">不通过</button>
<button nz-button type="primary" nzType="primary" (click)="savestc('R','拒绝')">拒绝</button>


</footer-toolbar>
